<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<ui:composition template="/templates/component-sample.xhtml">
		<ui:define name="sample">
			

			<p>rich:messages is an extension for a standard h:messages component. In addition to what the
			standard component provides, rich:messages:
			<ul>
				<li>does not require to be wrapped with a4j:outputPanel in order to be rendered during the 
				Ajax requests</li>
				<li>allows to have one "passed" or a few "failed" markers before the text labels</li>
				<li>has a predefined css class names for different kinds of messages severities</li>
			</ul> 
			</p>
			<p>The message markers is defined with facets. There are several facets names available
			to design the marker for different kind of messages severities. The following example
			shows how the markers might be used to mark the "passed" and "failed" form fields.
			Fill the form and click the "Validate" button to see the entered data passing the
			defined validation rules.
			</p>
			<div class="sample-container" >

				<ui:include src="/richfaces/messages/examples/form.xhtml"/>
				<ui:include src="/templates/include/sourceview.xhtml">
					<ui:param name="sourcepath" value="/richfaces/messages/examples/form.xhtml"/>
				</ui:include>
													
			</div>
		</ui:define>

	</ui:composition>
</html>
